/* 各个页面相同的样式表 */
/* 版心 */
.wrapper {
  width: 1240px;
  margin: 0 auto;
}

/* 快捷导航栏 */
.shortcut {
  height: 52px;
  background-color:#333;
}

.shortcut .wrapper {
  height: 52px;
}

.shortcut .wrapper ul {
  float: right;
}

.shortcut .wrapper li {
  float: left;
  line-height: 52px;
}

.shortcut .wrapper a{
  padding: 0 16px;
  border-right: 1px solid #666;
  font-size: 14px;
  color: #dcdcdc;
}

.shortcut .wrapper a:hover {
  color: #fff;
}

.shortcut .wrapper a span {
  display: inline-block;
  width: 11px;
  height: 16px;
  background-image: url(../images/sprites.png) ;
  background-position: -160px -70px;
  vertical-align: middle;
  margin-right: 8px;
}

/* 清除最后一个a的边框线 */

.shortcut .wrapper li:last-child a {
  border: 0;
}


/* 头部 */
.header {
  margin: 30px auto;
  height: 70px;

}

.logo {
  float: left;
  width: 207px;
  height: 70px;
 
  }

  /* logo 搜索引擎优化做法 */
  .logo h1 a {
    display: block;
    width: 207px;
    height: 70px;
    background-image: url(../images/logo.png);
    background-size: contain;
    /* 让h1里面的字看不见 */
    font-size: 0; 

  }

  .nav {
    float: left;
    margin-left: 40px;
    height: 70px;
   
  }

  .nav li {
    float: left;
    margin-right: 48px;
    line-height: 70px;
  }

  .nav li a{
    padding-bottom: 7px;
  }

  .nav li a:hover {
    color: #27ba9b;
    border-bottom: 1px solid #27ba9b;

  }

  .search {
    position: relative;
    float: left;
    margin-top: 24px;
    margin-left: 34px;
    width: 172px;
    height: 30px;
    }

    .search input {
      padding-left: 30px;
      width: 172px;
      height: 30px;
      border-bottom: 2px solid #e7e7e7;
    }

    .search input::placeholder {
      font-size: 14px;
      color: #ccc;
    }

    .search span {
      position: absolute;
      left: 2px;
      display: inline-block;
      width: 18px;
      height: 18px;
      background-image: url(../images/sprites.png);
      background-position: -79px -69px;
    }

    .car {
      float: left;
      margin-top: 28px;
      margin-left: 15px;
      width: 23px;
      height: 23px;
      background-image: url(../images/sprites.png);
      background-position: -119px -69px;
    }


/* 版权区域 */
.footer {
  height: 342px;
  background-color: #333;
}

.footer .wrapper {
  width: 1393px;
}

.footer .top {
  padding-top: 59px;
  padding-left: 135px;
  height: 175px;
  border-bottom: 3px solid #434343;
}
   
.footer .top li {
  position: relative;
  float: left;
  margin-right: 280px;
  width: 195px;
  height: 58px;
  line-height: 58px;
}

.footer .top li:last-child {
  margin-right: 0;
}

/* 伪元素添加的标签 行内 */
.footer .top li::before {
  position: absolute;
  /* display: inline-block; */
  content: '';
  width: 58px;
  height: 58px;
  background-image: url(../images/sprites.png);
  vertical-align: middle;
}

.footer .top li:nth-child(2)::before {
  background-position: -130px -0px;
}

.footer .top li:nth-child(3)::before {
  background-position: -65px -0px;
}

.footer .top ul li span {
  /* 如果行内块和行内文字无法 通过vertical-align:和行高距对齐，那就使用定位*/
  margin-left: 77px;
  font-size: 28px;
  color: #fff;
}

.bottom {
  padding-top: 40px;
  font-size: 14px;
  color: #999;
  text-align: center;
}

.footer .bottom a {
  font-size: 14px;
  color: #999;
}

.footer .bottom p {
  margin-bottom: 30px;
}
